<form class="form-horizontal" id="formSelectedSearchVideoGroup" method="post">
    <div class="form-group col-md-12 col-sm-3 col-md-offset-3">
        <div class="col-md-10 padding-left-none">
            <div class="form-group col-md-12">
                <div class="col-md-1">
                    <button type="button" class="btn btn-white btn-default btn-bold btn-sm btnRemoveSelectedVideoGroup" data-loading-text="<i class='ace-icon fa fa-spinner fa-spin blue bigger-125'></i>">
                        <i class="ace-icon fa fa-trash-o"></i>
                    </button>
                </div>
                <div class="col-md-11">
                    <div class="input-group">
                        <input type="text" class="form-control input-sm" placeholder="Nhập tên group video để tìm">
                    <span class="input-group-btn">
                        <button type="button" class="btn btn-white btn-default btn-bold btn-sm">
                            Tìm
                            <i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
                        </button>
                    </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <a href="{{ url(config.application.backendUrl ~ '/video/loadVideoGroup') }}" class="btn btn-white btn-default btn-bold btn-sm btnAddVideoGroup" data-toggle="modal" data-target="#modalAddVideoGroupToVideo">
                <i class="ace-icon glyphicon glyphicon-plus"></i>Thêm video group
            </a>
        </div>
    </div>
</form>

<form class="form-horizontal" id="formSelectedRemoveVideoGroup" method="post">
    <div class="form-group col-md-12 col-sm-3 col-md-offset-3">
        <div class="col-md-12">
            <table class="table">
                <thead>
                <tr>
                    <td>
                        <label class="position-relative">
                            <input type="checkbox" class="ace removeSelectedVideoGroupAll" name="removeSelectedVideoGroupAll" ng-click="checkRemoveSelectedVideoGroupAll()">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td>Tên group video</td>
                    <td>Quốc gia</td>
                </tr>
                </thead>
                <tbody id="listSelectedVideoGroup">
                {% if(videoGroupLinks) %}
                {% for videoGroupLink in videoGroupLinks %}
                    <tr id="selectedVideoGroupToVideo{{ videoGroupLink.getVideoGroupId() }}">
                        <td>
                            <label class="position-relative">
                                <input type="checkbox" class="ace selectedVideoGroup" name="selectedVideoGroup[]" value="{{ videoGroupLink.getVideoGroupId()}}">
                                <span class="lbl"></span>
                            </label>
                        </td>
                        <td>
                            {{ videoGroupLink.videoGroup.getName() }} <br />
                        </td>
                        <td>{{ videoGroupLink.videoGroup.getName() }}</td>
                    </tr>
                {% endfor %}
                {% endif %}
                </tbody>
            </table>
        </div>
    </div>
    {{ hiddenField( ['video_id','value': video.getId()]) }}
</form>

<div class="clearfix"></div>

<!-- Modal -->
<div class="modal fade" id="modalAddVideoGroupToVideo" tabindex="-1" role="dialog" aria-labelledby="modalAddVideoGroupToVideo" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>

            </div>
            <div class="modal-body"><div class="te"></div></div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->